<template>
  <div>
    <div class="head">
      <van-cell @touchstart.native.stop="show = true">拨号</van-cell>
      <van-cell @click="$router.back(-1)">取消</van-cell>
    </div>
    <van-field
      readonly
      clickable
      :value="value"
      @touchstart.native.stop="show = true"
    />
    <van-number-keyboard
      v-model="value"
      :show="show"
      :maxlength="11"
      @blur="show = false"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: false,
      value: "",
    };
  },
};
</script>

<style lang="scss" scoped>
.head {
  display: flex;
  > .van-cell :last-child {
    display: flex;
    justify-content: space-around;
  }
}
</style>
